<template>
    <div>
       我是第三个页面
       <list ref="my"></list>
       <div @click="sech">搜索</div>
       <router-link to="/">去首页</router-link>
    </div>
</template>
<script>
import list from '@/components/listSelection/listSelection.vue';// 引用模板
// 组件模块
export default {
    name: 'temp3',
    components: {list},
    data () {
        return {
            msg: 89
        };
    },
    // 数据接口 type:String Number Boolean Function Object Array Symbol
    props: {
        items: {
            type: Array,
            default () {
                return [12];
            }
        }
    },
    // 计算属性
    computed: {},
    // 数据监控
    watch: {},
    // 方法属性
    methods: {
        sech () {
            console.log(this.$refs.my.search('我'));
        }
    },
    // 组件创建勾子只执行一次
    created () {
        console.log('temp3重新加载了');
    },
    // 组件渲染完成勾子只执行一次
    mounted () {
        // this.$root.$emit('keepAlive', {isKeep: false, name: 'temp2'});
    }
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<!-- <style scoped lang="less"> -->
<style scoped>
/* @import url(''); */
/* 这里面写样式 */
</style>
